<%@page contentType="text/html;charset=utf-8"%>
<HTML>
	<HEAD>
		<style type="text/css">
body,a,table,div,span,td,th,input,select {
	font: 9pt;
	font-family: "宋体", Verdana, Arial, Helvetica, sans-serif;
}
body {
	padding: 5px
}
#imgDiv{
	width:230px;
	height:200px;
	border:1px #F33 dotted;
}
</style>
		<script type="text/javascript" src="../js/jquery-1.10.2.min.js"></script>
		<script type="text/javascript" src="../js/ajaxfileupload.js"></script>
		<script src="js/uploadPreview.js" type="text/javascript"></script>
		<script type="text/javascript">
	 //////////////////////////////////////	 
      $(document).ready(function(){
        /////////////////////////////////////////////
      $("#divProcessing").hide();
      $("#ok").click(function(){
        /////////////////////////////////////////////
        //图片不为空
	    var image=$("#uploadfile").val();
	    if(image.length<=0){
	    alert("图片不能为空");
	    return false;
	    }
        /////////////////////////////////////////////
        $.ajaxFileUpload
		(
			{
				url:'ImgeUp.jsp',//用于文件上传的服务器端请求地址
				secureuri:false,//一般设置为false,是否安全提交
				fileElementId:'uploadfile',//文件上传空间的id属性
				dataType:'text',//返回值类型 一般设置为json
				success: function (data, status)  //服务器成功响应处理函数
				{
				////////////////////////////////////////////////////
				    var strs=data.split("#");			    
					//返回上传图片路径
					window.returnValue=strs[0];
					//显示上传成功
					$("#divProcessing").show();
					if(typeof(data.error) != 'undefined')
					{
						if(data.error != '')
						{
							alert(data.error);
						}else
						{
							alert(data.message);
						}
					}
				},
				error: function (data, status, e)//服务器响应失败处理函数
				{
					alert(e);
				}
			}
		);		
		return false;
        /////////////////////////////////////////////		       		       
		});
	    $("#close").click(function(){               		      
		       window.close(); 
		});	
		//////////////////////////////////////
		$("#uploadfile").uploadPreview({ width: 230, height: 200, imgDiv: "#imgDiv", imgType: ["bmp", "gif", "png", "jpg"], maxwidth: 500, maxheight: 500 });
		//////////////////////////////////////		
	  });
</script>
	</HEAD>
	<BODY bgColor=menu>
		<form name="imageform" id="imageform" method="post" action="ImgeUp.jsp" ENCTYPE="multipart/form-data">
			<table border=0 cellpadding=0 cellspacing=0 align=center>
				<tr>
					<td>
						<fieldset>
							<legend>
								添加图片
							</legend>
							<table border=0 cellpadding=0 cellspacing=0>
							    <tr>
							    <td colspan="2" align=center>
							    <div id="imgDiv"><h1>图片预览</h1></div>
							    </td>
							    </tr>
								<tr>
									<td align=right>
										上传:
									</td>
									<td>
										<input type=file name=uploadfile id="uploadfile" style="width: 243px" value="" size=30>
									</td>
								</tr>
							</table>
						</fieldset>
					</td>
				</tr>
				<tr>
					<td align=center>
						<input type="button" value="上传" id="ok">
						<input type=button value='关闭' id="close">
					</td>
				</tr>
				<tr>
					<td align=center>
                          <div id=divProcessing style="width: 250px; height: 20px;border:1px #00F solid;">
							...上传成功！！...						  
                          </div>
					</td>
				</tr>
			</table>
		</form>
	</body>
</html>